<template>
	<view>
	
			<view class="item">
				<view class="flex-row-space-between">
					<view class="time">
						2024-03-24 14:30
					</view>
					<view class="num">
						<text style="26D360">4</text>
						<text>个位</text>
					</view>
				</view>
				<view class="flex-row-center">
					<view class="yuan">

					</view>
					<view class="flex1">
						<view class="city">
							郑州市
						</view>
						<view class="address">
							正弘西悦城
						</view>
					</view>
				</view>
				<view class="flex-row-center">
					<view class="yuan1">

					</view>
					<view class="flex1">
						<view class="city">
							郑州市
						</view>
						<view class="address">
							正弘西悦城
						</view>
					</view>
				</view>
			</view>
			<view class="fixed-bottom" style="background-color: #fff;padding-bottom: 40rpx;">
				<view class="flex-row-space-between" style="height: 112rpx;padding:0rpx 30rpx ;">
					<view class="price">
						支付费用
						<text style="color: #FF3131;">￥89.00</text>
					</view>
					<view @click="buttonClick()" class="button flex-row-center">
						确认付款
					</view>
				</view>
			</view>

	</view>
</template>

<script>
	import {
		getConfig,
	} from '@/api/personalCenter.js'
	export default {
		components: {},
		computed: {

		},
		data() {
			return {
				qdInfo: {
					latitude: '',
					longitude: '',
					address: '',
				},
				zdInfo: {
					latitude: '',
					longitude: '',
					address: '',
				},
				title: '',
				content: '',

			}
		},
		onShow() {

		},
		onLoad(e) {

			this.qdInfo = uni.getStorageSync('qdInfo')
			this.zdInfo = uni.getStorageSync('zdInfo')
		},

		methods: {
			buttonClick(){
				uni.navigateTo({
					url:'/pages/personalCenter/order'
				})
			}

		}
	}
</script>

<style lang="scss">
	page {
		background: #F9F9F9;
	}


	.item {
		padding: 30rpx;
		margin: 30rpx;
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.time {
		font-family: PingFang SC, PingFang SC;
		font-weight: 550;
		font-size: 34rpx;
		color: #26D360;
	}

	.num {
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 30rpx;
		color: #26D360;
	}

	.yuan {
		margin-right: 20rpx;
		border-radius: 50%;
		width: 16rpx;
		height: 16rpx;
		background: #26D360;
	}

	.yuan1 {
		margin-right: 20rpx;
		border-radius: 50%;
		width: 16rpx;
		height: 16rpx;
		background: #FCC717;
	}

	.city {
		margin-top: 20rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 30rpx;
		color: #1B2229;
	}

	.address {
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 26rpx;
		color: #767676;
	}
	.price{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 30rpx;
		color: #333333;
	}
	.button{
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 30rpx;
		color: #FFFFFF;
		width: 244rpx;
		height: 84rpx;
		background: #26D360;
		border-radius: 36rpx 36rpx 36rpx 36rpx;
	}
</style>